<ion-view view-title="{{poData.product.name}}">
  <ion-content>
    <form name="poForm" ng-submit="submit()">
      <div class="list">
        <div class="item item-divider center-text">基本信息</div>
        <label class="item item-input">
          <span class="input-label">购买产品</span>
          <span >{{poData.product.name}}</span>
        </label>
          <label class="item item-input">
            <span class="input-label">购买数量</span>
            <input type="number" ng-model="poData.amount" required>
          </label>
        <label class="item item-input">
          <span class="input-label">价格(￥)</span>
          <span >{{poData.product.price}}</span>
        </label>
        <label class="item item-input">
          <span class="input-label">使用日期</span>
          <input type="date" ng-model="poData.useDate" required>
        </label>

        <div class="item item-divider center-text">联系人信息</div>
        <label class="item item-input">
          <span class="input-label">中文姓名</span>
          <input type="text" ng-model="poData.contactName" required>
        </label>
        <label class="item item-input">
          <span class="input-label">联系手机</span>
          <input type="text" ng-model="poData.contactPhone" 
          ng-pattern="/^1[3|4|5|7|8][0-9]\d{8}$/" required>
        </label>
        <label class="item item-input">
          <span class="input-label">电子邮箱</span>
          <input type="email" ng-model="poData.contactEmail">
        </label>          
        <div class="item">
          <button class="button button-block button-positive" type="submit" 
          ng-disabled="poForm.$invalid">提交</button>
        </div>
      </div>
    </form>
  </ion-content>
</ion-view>